<template>
<el-dialog title="联系方式" :visible.sync="visible" append-to-body width="30%">
    <div class="panel">
        <div class="panel-body">
            <el-table :data="contactList" border>
                <el-table-column label="角色" prop="role_type" align="center" width="120">
                    <template slot-scope="scope">
                        <el-link type="primary">{{ scope.row.role_type }}</el-link>
                    </template>
                </el-table-column>
                <el-table-column label="类型" prop="tag" align="center" width="120"></el-table-column>
                <el-table-column label="联系方式" prop="contact"></el-table-column>
            </el-table>
        </div>
    </div>
</el-dialog>
</template>

<script>

export default {
    name: "ContactListDialog",
    data() {
        return {
            visible: false,
            contactList: []
        };
    },
    methods: {
        showDialog(contactList) {
            this.contactList = contactList;
            this.visible = true;
        },
        closeDialog() {
            this.visible = false;
        }
    },
};
</script>

<style lang="scss" scoped>
.w100 {
    width: 100%;
}
</style>
